<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>邀请好友</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <link rel="stylesheet" href="/css/friends.css">
    <link rel="stylesheet" href="/css/page.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/friends"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">

<#include "/include/user_siderbar.ftl">
<div class="friends fr">
    <div class="friends_top">
        <h2>邀请好友</h2>
        <img src="/img/invite_friends.png" alt="">

        <div class="QR-code fr">
            <img  src="" id="qrCode" style="width: 180px"/>
        </div>
        <div class="ways fl">
            <div class="invite_code">您的邀请码：<input id="mytext" type="text" readonly value="${info.inviteCode!}"><span class="copy" id="copy_input">复制</span></div>
            <div class="invites_weibo" style="display: none;">微博邀请</div>
            <div class="invites_wechat" style="display: none;">微信邀请</div>
            <div class="invites_QQ" style="display: none;">QQ邀请</div>
        </div>
    </div>
    <div class="invite_list">
        <div class="title">
            <h2 class="cur">我邀请的人</h2>
            <h2>奖励明细</h2>
        </div>
        <div class="invite_name">
            <table>
                <thead>
                <tr><th>姓名</th><th>注册手机</th><th>注册时间</th></tr>
                </thead>
                <tbody id="friendsList">


                </tbody>
                <script id="friendsListTemp" type="text/x-handlebars-template">
                    {{#each this}}
                    <tr><td>{{inviteRealname}}</td><td>{{inviteMobile}}</td><td>{{inviteAddtime}}</td></tr>
                    {{/each}}
                </script>
            </table>
        </div>
        <div class="invite_gift">
            <table>
                <thead>
                <tr><th>姓名</th><th>时间</th><th>金额(元)</th></tr>
                </thead>
                <tbody id="friendsGift">

                </tbody>
                <script id="friendsListGift" type="text/x-handlebars-template">
                    {{#each this}}
                    <tr><td>{{inviteRealname}}</td><td>{{addtime}}</td><td>{{income}}</td></tr>
                    {{/each}}
                </script>
            </table>
        </div>
        <div class="pages">
            <nav>
                <ul id="pages" style="margin:84px auto">

                </ul>
            </nav>
        </div>
    </div>
</div>
    </div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>